// prettier-ignore
.feedback-wrapper { position: relative; height: 100%; display: flex; flex-direction: column;
  .wrapper-header{ margin: 10px; padding: 10px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; background-color: #fff;
    .text{ font-size: 14px; color: #666; margin-left: 10px; }
    .search{
      .van-button{ margin-left: 10px; }
    }
  }
  .wrapper-list{ flex: 1; min-height: 0; overflow-y: auto;
    .wrapper-cell{ transition: all 0.3s;
      &:hover{ background: rgba(0,0,0,0.05) !important; }
      .title{ font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #333; }
      .option{ margin-top: 10px;
        .item{ font-size: 15px; color: #333; padding: 5px 0; 
          .header{ display: flex; margin-bottom: 5px;
            .label{ width: 24px; }
            .text{ flex: 1; min-width: 0; }
          }
        }
      }
      .list{ display: flex; flex-wrap: wrap; 
        .item{ margin: 10px 10px 10px 0; }
      }
      .chart{ width: 68%; height: 300px; }
    }
  }
  
  :deep(.van-cell-group){ background: transparent; 
    .van-cell{ padding: 20px 30px; background: transparent; 
      &:after{ border-color: rgba(0,0,0,0.1); }
    }
  }
}
